﻿<%@page contentType="text/html;charset=utf-8" language="java" %>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<%@include file="../common/jsp/common.jsp"%>
<title><%=InitParam.DEPLOY_PROVINCE_TITLE%></title>
<script>
    requires(["baiduMap","echarts","zhly", "weather","/zhly/main.js"]);
</script>


</head>

<body>
<div class="content">
	<div class="box">
		<div class="leftBox">
			<div class="crumbs">
				<p><span id = "areaNameTitle1">全省</span></p>
			</div>
			<div class="left_list">
				<ul class="left_list_ul">
					<li>
                    	<h1 class="left_tit1">景区当前游客数<span id = "stayPersonCnts"> <!-- 8964 --> </span>人</h1>
						<div class="rouletteBox">
                        	<div class="roulette" id = "gaugeDiv">
                            </div>
                            <p>今日累计游客数<span id = "sumVstCnts">  </span>人</p>
                        </div>
					</li>
                    <li class="lastLi">
                    	<h1 class="left_tit1 left_tit2">景区排行榜<span> TOP10 </span></h1>
                        <div class="scenicSearch">
                        	<input type="text" id = "searchText"
                        	 value="搜索景区，请输入名称"
                        	 onfocus="if(value=='搜索景区，请输入名称'){value=''}"
               				 onblur="if(value==''){value='搜索景区，请输入名称'}" ><span id = "searchBtn"></span>
                        </div>
                        <table class="table_l1" cellspacing="0">
						<thead>
							<tr>
   								<th class="th1">序号</th>
   								<th>景点名称</th>
								<th>当前客流</th>
                                <!-- <th>历史均值</th> -->
							</tr>
                        </thead>
                        <tbody id = "top10body">

                        </tbody>
                     </table>
					</li>
				</ul>
			</div>
			<a class="switch" href="javascript:void(0);"></a>
		</div>
		<div class="rightBox rightBoxShow">

			<div class="crumbs">
				<p>当前位置：<span id = "areaNameTitle2">全省</span></p>
				<a href="###" class="btnBack" id="back2ProvBtn" title="返回上一级 " ></a>
			</div>
			<div class="map">
            	<p class="scenicOption"  id = "scenicOption" status ="close">
                	全部景区
                </p>
                <ul class="scenicOptionDown"  id = "scenicOptionDown">
                	<li id = "scenicOptionDownAll" regionType="">全部景区</li>
                    <li id = "scenicOptionDown5A" regionType = "5">5A级景区</li>
                    <li id = "scenicOptionDown4A" regionType = "4">4A级景区</li>
                    <li id = "scenicOptionDown3A" regionType = "3">3A级景区</li>
                </ul>
            	<div class="weather" id="weather">
                	<p class="weatherIcon" id = "weatherIcon" ></p>
                    <p1 id = "mainWeatherCity"></p1>  <p1 id = "mainWeather"></p1>  <p id = "mainTemperature"></p>
                    <p>&nbsp;&nbsp;</p>
                    <div class="weatherBox">
                    <h1 id = "weatherBoxH1"></h1>
                    <ul id = "weatherBoxUL">

                    </ul>
                    </div>
                </div>

                <div class="warnningBox"  id="warnningBox" >

                	<h1>预警信息 <span id="allWarnNum">共个</span></h1>
                    <ul class="warnning_text"  id="redWarnUL">
                    	<h2 class="red">红色预警  个</h2>

                    </ul>

                    <ul class="warnning_text" id="orangeWarnUL">
                    	<h2 class="orange" >橙色预警  个</h2>

                    </ul>
                    <ul class="warnning_text"  id="yellowWarnUL">
                    	<h2 class="yellow" >黄色预警  个</h2>

                    </ul>
                </div>

                <div class="iMessage" style = "display:none" id="iMessage">
                   <h1>
                      预警信息一键转发
                      <span></span>
                   </h1>
                   <div class="numberBox2" id = "numberBox">
                   		<div class="titText">发送号码</div>
                        <ul id="phoneNums">
                        	<li><input id = "phoneId_1" onblur="checkNameUnique(this)" type="text" maxlength="11" placeholder="请输入号码"/><span id="phoneDelId_1" onclick="addPhoneOnclick(this)">
                            	+
                            </span></li>
                            <span id="addPhone" onclick="addPhoneOnclick(this)">
                            	+
                            </span>
                        </ul>
                        
                   </div>
                   <!-- <div style="padding-left:20px;padding-bottom:5px;border-bottom:1px dashed #f2f2f2;">
                     	<span>选项：</span>
                     	<input type="checkbox" id="groupSendInput" checked="true"/>
                     	<span>群组发送</span>
                   </div> -->
                   <div class="numberBox" style="border-bottom:none;" id = "msgContentBox">
                   		<div class="titText">预警内容
                        	<p class="enterBtn" style="display:none"></p>
                        </div>
                        <ul>
                        	<li id="msgContent"   style="font-size:12px;resize: none;width:130px;height:100%;"></li>
                        </ul>
                   </div>
                   <div class="btnBox">
                   	<%-- <%if( !"DEMO".equals(curUserId) ){ %> --%>
                   		<a href="javascript:void(0)" class="a1" id="warnDealSubmit">确 定</a>
<%--                    	<%} %>
                   	<%if( "DEMO".equals(curUserId) ){ %>
                   		<a href="javascript:void(0)" class="a1" style="background-color:#ccc;">确 定</a>
                   	<%} %> --%>
                    <a href="javascript:void(0)" class="a2" id="warnDealCancel">取 消</a>
                   </div>
                </div>
                <!--群发短信-->
                <div class="iMessage2" id="iMessageGroup">
                   <h1>
                      预警短信一键群发
                      <span></span>
                   </h1>
                   <div class="numberBox3">
                   		<div class="titText2">群发号码</div>
                        <ul class="numberGroup" id="numberGroup">
                            <li class="lastNumber"><a onclick="gotoWarnGroup()" href="#" style="font-size:12px"><span>»</span></a></li>
                            
                        </ul>
                       
                   </div>
                   <div class="numberBox2" style="border-bottom:none;">
                   		<div class="titText2">预警内容
                        	<!-- <p class="enterBtn2"></p> -->
                        </div>
                        <ul>
                        	<li class="massage_text2" id="msgContentGroup" style="font-size:12px;resize: none;width:130px;height:90px;"><!-- 红色告警：10:50分，南宁动物园人群密度超过0.75人/平方米，请及时疏散人群！ --></li>
                        </ul>
                   </div>
                   <div class="btnBox2">
                   	
                   	<%-- <%if( !"DEMO".equals(curUserId) ){ %> --%>
                   		<a href="#" class="a11" id="warnDealSubmitGroup">确 定</a>
                   	<%-- <%} %>
                   	<%if( "DEMO".equals(curUserId) ){ %>
                   		<a href="javascript:void(0)" class="a11" style="background-color:#ccc;">确 定</a>
                   	<%} %> --%>
                   	
                    <a href="#" class="a22" id="warnDealCancleGroup">取 消</a>
                   </div>    
                </div>
                <!--群发短信结束-->

                <!-- <div class="icon_warnning" >
                	<img src="assets/css/images/warnning/icon_warnning_1.png" />
                </div> -->
                <div class="warnning_tanchuang" id="warnning_tanchuang" style="display:none">
                	<p class="photoS"></p>
                    <ul>
                    	<li class="li1S">南宁动物园</li>
                        <li class="li2S">
                        	<div class="div1"><span>3813</span> <p>实时<br/>客流</p></div>
                            <div class="div2"><span>6121</span> <p>今日<br/>累计</p></div>
                        </li>
                    </ul>
                    <div class="warnning_corner">
                    </div>
                </div>

                <ul class="jiebie">
                	<!-- 旅客舒适度：
                    <li class="jiebie1">非常舒适：1</li>
                    <li class="jiebie2">舒适：2</li>
                    <li class="jiebie3">一般：3</li>
                    <li class="jiebie4">拥挤：4</li>
                    <li class="jiebie5">非常拥挤：5</li> -->
                    预警级别：
                    <li class="jiebie3">黄色预警</li>
                    <li class="jiebie4">橙色预警</li>
                    <li class="jiebie5">红色预警</li>
                </ul>

				<div class="map" id='map'></div>

			</div>
		</div>
		<div class="clear"></div>
	</div>
</div>
</body>
</html>